<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="ThemeBucket">
    <link rel="shortcut icon" href="/static/images/order/timg.jpg">
    <link rel="icon" href="/static/images/order/timg.jpg">

    <title>{$title}</title>


    {css href="/static/layout/css/style.css" }
    {css href="/static/layout/css/style-responsive.css" }


    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    {block name="mycss"}
    {css href="/static/index/css/index.css" }
    <style type="text/css">
        .navbar-nav li:nth-of-type(1) {
            background-color: #353F4F;
        }

        .navbar-right li:nth-of-type(1) {
            background-color: #424f63;
        }
    </style>
    {/block}


</head>

<body class="horizontal-menu-page" style="background: #fff;">

<section>

    <nav class="navbar navbar-default" role="navigation">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="{:url('index/Index/index')}">
                    <img src="/static/index/images/logo.png" height="42px">
                </a>
            </div>


            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    {if empty($Think.session.user) && empty($Think.cookie.loginicon)}
                    <li><a href="{:url('index/Index/index')}">首页</a></li>
                    <li><a href="{:url('index/Category/index')}">分类 </a></li>
                    <li><a href="{:url('index/Category/rank',['id'=>0])}">榜单 </a></li>
                    <li><a href="{:url('index/Author/index')}">作者专区</a></li>
                    {else/}
                    <li><a href="{:url('index/Index/index')}">首页</a></li>
                    <li><a href="{:url('index/Category/index')}?where=0">分类 </a></li>
                    <li><a href="{:url('index/Category/rank',['id'=>0])}">榜单 </a></li>
                    {if (empty($Think.session.point.uid) && empty($Think.cookie.point1.uid))}
                    <li><a href="{:url('index/Register/registerauthor')}">成为作者</a></li>
                    {/if}
                    <li><a href="{:url('index/Author/index')}">作者专区</a></li>
                    {/if}
                </ul>

                <ul class="nav navbar-nav navbar-right" style="margin-right:100px;">
                    <li>
                        <form class="navbar-form navbar-left" role="search" action="{:url('index/Index/find')}"
                              method="post">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Search" name="search">&nbsp;
                                <button class="btn btn-info ">搜索</button>
                            </div>
                        </form>
                    </li>

                    {if ( empty($Think.session.user) && empty($Think.cookie.loginid) )}
                    <li class="dropdown">
                        <a href="{:url('index/Register/index')}">注册</a> <b lass="caret"></b>
                    </li>
                    <li class="denglu"><a type="button" data-toggle="modal" data-target=".bs-example-modal-sm">登陆</a>

                        <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog"
                             aria-labelledby="mySmallModalLabel">
                            <div class="modal-dialog modal-sm" role="document">
                                <div class="modal-content" style="margin-top: 250px;">
                                    <form action="{:url('index/Login/login')}" method="post">
                                        <!-- <img src="" alt=""> -->
                                        <input type="text" class="form-control" name="tel" autocomplete="off"
                                               maxlength="11" placeholder="账号">
                                        <input type="password" class="form-control" name="pass" autocomplete="off"
                                               placeholder="密码">
                                        <div class="form-group">
                                            <div class="col-sm-10">
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox" name="checkbox">7天免登陆
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                        <button type="submit" class="btn btn-default btn-lg btn-block">登陆</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="denglu"><a type="button" data-toggle="modal" data-target=".bs-example-modal-sm">购物车</a>
                    </li>
                    {else/}
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            {if empty($Think.session.user.icon) && empty($Think.cookie.loginicon)}
                             <img src="/static/images/details/10.jpg">
                            {else/}
                            <img src="{$Think.session.user? $Think.session.user.icon : $Think.cookie.loginicon}">
                            {/if}
                            {$Think.session.user? $Think.session.user.name : $Think.cookie.loginname}
                            <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="{:url('index/BookShelf/index')}">我的书架</a></li>
                            <li><a href="{:url('index/Personal/index',['id'=>$Think.session.user? $Think.session.user.id : $Think.cookie.loginid])}">我的账号</a>
                            </li>
                            <li><a href="{:url('index/Login/logout')}">注销</a></li>
                        </ul>
                    </li>


                    <li>
                        <a href="{:url('index/BuyCar/read',['id'=>$Think.session.user? $Think.session.user.id : $Think.cookie.loginid])}">购物车({$Think.cookie.count})</a>
                    </li>
                    <li>
                        <a href="{:url('index/Mess/index')}">消息中心</a>
                    </li>
                    {/if}

                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>

    {block name="main"}
    <!--body wrapper start-->
    <div class="wrapper">
        <div class="banner-box">
            <!-- 轮播图 -->
            <div class="carousel slide auto panel-body" id="c-slide" style="width:720px;float:left">
                <ol class="carousel-indicators out">
                    <li data-target="#c-slide" data-slide-to="0" class="active"></li>
                    <li data-target="#c-slide" data-slide-to="1" class=""></li>
                    <li data-target="#c-slide" data-slide-to="2" class=""></li>
                </ol>
                <div class="carousel-inner">
                    <div class="item text-center active">
                        <a href="{:url('index/Details/read',['id'=>96])}"><img src="/static/index/images/3.jpg"></a>
                    </div>
                    <div class="item text-center">
                        <a href="{:url('index/Details/read',['id'=>97])}"><img src="/static/index/images/4.jpg"></a>
                    </div>
                    <div class="item text-center">
                        <a href="{:url('index/Details/read',['id'=>98])}"><img src="/static/index/images/5.jpg"></a>
                    </div>
                </div>
                <a class="left carousel-control" href="#c-slide" data-slide="prev" style="font-size: 25px">
                    <i class="fa fa-angle-left"></i>
                </a>
                <a class="right carousel-control" href="#c-slide" data-slide="next" style="font-size: 25px">
                    <i class="fa fa-angle-right"></i>
                </a>

            </div>
            <!-- 公告 -->
            <div class="notice">
                <h3> 公告</h3>
                <ul>
                    <li>[公告]第二赛季冠军诞生！</li>
                    <li>[公告]王者荣耀文学大赛</li>
                    <li>[公告]大神千桦尽落新书上线</li>
                    <li>[公告]红袖作家福利</li>
                    <li>[公告]华语言情大赛火爆进行</li>
                    <li>[公告]作家福利</li>
                </ul>
            </div>
            <div style="clear:both"></div>
        </div>

        <!-- 分类 -->
        <div class="row">
            <section class="panel center">
                <header class="panel-heading" style="border-bottom: 0;">
                    分类：
                    <a href="{:url('index/Category/showSon',['id'=>34])}?where=0">
                        <button type="button" class="btn btn-info">成功学</button>
                        <a href="{:url('index/Category/showSon',['id'=>30])}?where=0">
                            <button type="button" class="btn btn-primary">投资理财</button>
                        </a>
                        <a href="{:url('index/Category/showSon',['id'=>37])}?where=0">
                            <button type="button" class="btn btn-success">人际处事</button>
                        </a>
                        <a href="{:url('index/Category/showSon',['pid'=>5])}?where=0">
                            <button type="button" class="btn btn-warning">计算机</button>
                        </a>
                        <a href="{:url('index/Category/showSon',['id'=>41])}?where=0">
                            <button type="button" class="btn btn-danger">人物传记</button>
                        </a>
                        <a href="{:url('index/Category/showSon',['id'=>16])}?where=0">
                            <button type="button" class="btn btn-info">言情小说</button>
                        </a>
                        <a href="{:url('index/Category/showSon',['id'=>65])}?where=0">
                            <button type="button" class="btn btn-primary">散文随笔</button>
                        </a>
                        <a href="{:url('index/Category/showSon',['id'=>22])}?where=0">
                            <button type="button" class="btn btn-success">悬疑推理</button>
                        </a>
                        <a href="{:url('index/Category/showSon',['id'=>31])}?where=0">
                            <button type="button" class="btn btn-warning">市场营销</button>
                        </a>
                        <span class="tools pull-right">
                    <a class="fa fa-chevron-down" href="javascript:;">更多</a>
                </span>
                </header>
                <div style="display: block;" class="padding panel-body">
                    <a href="{:url('index/Category/showSon',['id'=>54])}?where=0">
                        <button type="button" class="btn btn-info">健康养生</button>
                    </a>
                    <a href="{:url('index/Category/showSon',['id'=>36])}?where=0">
                        <button type="button" class="btn btn-primary">演讲口才</button>
                    </a>
                    <a href="{:url('index/Category/showSon',['id'=>100])}?where=0">
                        <button type="button" class="btn btn-success">现当代小说</button>
                    </a>
                    <a href="{:url('index/Category/showSon',['id'=>76])}?where=0">
                        <button type="button" class="btn btn-warning">宗教哲学</button>
                    </a>
                    <a href="{:url('index/Category/showSon',['id'=>28])}?where=0">
                        <button type="button" class="btn btn-danger">企业管理</button>
                    </a>
                    <a href="{:url('index/Category/showSon',['id'=>75])}?where=0">
                        <button type="button" class="btn btn-info">心理学</button>
                    </a>
                    <a href="{:url('index/Category/showSon',['id'=>80])}?where=0">
                        <button type="button" class="btn btn-primary">教育考试</button>
                    </a>
                    <a href="{:url('index/Category/showSon',['id'=>19])}?where=0">
                        <button type="button" class="btn btn-success">历史小说</button>
                    </a>
                    <a href="{:url('index/Category/showSon',['pid'=>6])}?where=0">
                        <button type="button" class="btn btn-warning">两性情感</button>
                    </a>
                </div>
            </section>
        </div>

        <!-- 三张图 -->
        <div class="row line">
            <div>
                <img class="mid-ad" src="/static/index/images/mid1.jpg">
                <img class="mid-ad" src="/static/index/images/mid2.jpg">
                <img class="mid-ad" src="/static/index/images/mid3.jpg">
            </div>
        </div>


        <!-- 栏目 -->
        <div class="row line" style="background-color: #f6f5ee;">
            <div class="tit-box" style="margin: 30px 0;">
                <span class="mod-tit">热门推荐</span> <a href="{:url('index/Category/rank',['id'=>0])}" class="more">更多></a>
            </div>
            <ul class="col-md-12">
                {volist name="hot" id="vo" offset="0" length='6'}
                <li class="col-md-2">
                    <a href="{:url('index/Details/read',['id'=>$vo.id])}"><img class="book-img" src="{$vo.face}"></a>
                    <p>{$vo.name}</p>
                    <p>￥{$vo.price}</p>
                </li>
                {/volist}
            </ul>
            <ul class="col-md-12">
                {volist name="hot" id="vo" offset="6" length='6'}
                <li class="col-md-2">
                    <a href="{:url('index/Details/read',['id'=>$vo.id])}"><img class="book-img" src="{$vo.face}"></a>
                    <p>{$vo.name}</p>
                    <p>￥{$vo.price}</p>
                </li>
                {/volist}
            </ul>
        </div>
        <div class="row line" style="background-color: #f6f5ee;">
            <div class="tit-box" style="margin: 30px 0;">
                <span class="mod-tit">新书上线</span> <a href="{:url('index/Category/rank',['id'=>1])}" class="more">更多></a>
            </div>
            <ul class="col-md-12">
                {volist name="new" id="vo" offset="0" length='6'}
                <li class="col-md-2">
                    <a href="{:url('index/Details/read',['id'=>$vo.id])}"><img class="book-img" src="{$vo.face}"></a>
                    <p>{$vo.name}</p>
                    <p>￥{$vo.price}</p>
                </li>
                {/volist}
            </ul>
            <ul class="col-md-12">
                {volist name="new" id="vo" offset="6" length='6'}
                <li class="col-md-2">
                    <a href="{:url('index/Details/read',['id'=>$vo.id])}"><img class="book-img" src="{$vo.face}"></a>
                    <p>{$vo.name}</p>
                    <p>￥{$vo.price}</p>
                </li>
                {/volist}
            </ul>
        </div>
        <div class="row line" style="background-color: #f6f5ee;">
            <div class="tit-box" style="margin: 30px 0;">
                <span class="mod-tit">最受好评</span>   <!-- <a href="" class="more">更多></a> -->
            </div>
            <ul class="col-md-12">
                {volist name="score" id="vo" offset="0" length='6'}
                <li class="col-md-2">
                    <a href="{:url('index/Details/read',['id'=>$vo.id])}"><img class="book-img" src="{$vo.face}"></a>
                    <p>{$vo.name}</p>
                    <p>￥{$vo.price}</p>
                </li>
                {/volist}
            </ul>
            <ul class="col-md-12">
                {volist name="score" id="vo" offset="6" length='6'}
                <li class="col-md-2">
                    <a href="{:url('index/Details/read',['id'=>$vo.id])}"><img class="book-img" src="{$vo.face}"></a>
                    <p>{$vo.name}</p>
                    <p>￥{$vo.price}</p>
                </li>
                {/volist}
            </ul>
        </div>
        <div class="row line" style="background-color: #f6f5ee;">
            <div class="tit-box" style="margin: 30px 0;">
                <span class="mod-tit">经典推荐</span> <a href="{:url('index/Category/rank',['id'=>2])}" class="more">更多></a>
            </div>
            <ul class="col-md-12">
                {volist name="search" id="vo" offset="0" length='6'}
                <li class="col-md-2">
                    <a href="{:url('index/Details/read',['id'=>$vo.id])}"><img class="book-img" src="{$vo.face}"></a>
                    <p>{$vo.name}</p>
                    <p>￥{$vo.price}</p>
                </li>
                {/volist}
            </ul>
            <ul class="col-md-12">
                {volist name="search" id="vo" offset="6" length='6'}
                <li class="col-md-2">
                    <a href="{:url('index/Details/read',['id'=>$vo.id])}"><img class="book-img" src="{$vo.face}"></a>
                    <p>{$vo.name}</p>
                    <p>￥{$vo.price}</p>
                </li>
                {/volist}
            </ul>
        </div>

        <!-- 友情链接 -->
        <div class="row center" style="background-color: #f3f3f1; color: #444;">
            <h3 style="margin: 45px 0 25px 0">出版社</h3>

            <div class="link-box">
                <ul class="col-md-6" style="position:relative" ;>

                    {volist name="link" id="v"}

                    <li class="col-md-4 leftarea">

                        <img class="link-img" src="{$v.icon}" data-id="{$v.id}">
                    </li>

                    <ul class="col-md-6 res" style="position:absolute; left:516px; top:-1px; width:515px;  opacity: 1 ">
                        <p class="link-tit"></p>
                        <div class="col-md-10 col-md-offset-1">
                            {volist name="v.list" id="vo"}
                            <li class="col-md-3">
                                <a href="{:url('index/Details/read',['id'=>$vo.id])}"><img class="link-pic"
                                                                                           src="{$vo.icon}"></a>

                                <p class="mgt10">{$vo.name}</p>
                            </li>

                            {/volist}

                        </div>
                    </ul>
                    {/volist}
                </ul>
            </div>

        </div>


    </div>
    {/block}

    <!--body wrapper end-->

    <!--footer section start-->
    <!-- <footer class="sticky-footer"> -->
    <footer style="border:0;font-size: 16px;clear:both;">
        <div class="row">
            <div class="ft-box center">
                <div class="col-md-3">
                    <div class="ft-icon ft-icon1"></div>
                    <p class="mgt10">正版电子书</p>
                </div>
                <div class="col-md-3">
                    <div class="ft-icon ft-icon2"></div>
                    <p class="mgt10">多平台畅读</p>
                </div>
                <div class="col-md-3">
                    <div class="ft-icon ft-icon3"></div>
                    <p class="mgt10">海量图书资源</p>
                </div>
                <div class="col-md-3">
                    <div class="ft-icon ft-icon4"></div>
                    <p class="mgt10">优质阅读体验</p>
                </div>
                <div style="clear:both"></div>
            </div>


            <div class="ft-link">
                <dl class="col-md-4">
                    <dt>帮助</dt>
                    <dd><a href="">如何购买图书</a></dd>
                    <dd><a href="">常见问题</a></dd>
                    <dd><a href="">支付方式</a></dd>
                </dl>
                <dl class="col-md-4">
                    <dt>平台入驻</dt>
                    <dd><a href="">机构专区</a></dd>
                    <dd><a href="">个人作者专区</a></dd>
                </dl>
                <dl class="col-md-4">
                    <dt>投诉与建议</dt>
                    <dd><a href="">问题反馈</a></dd>
                </dl>
            </div>

        </div>
    </footer>


    <!--footer section end-->

</section>

<!-- Placed js at the end of the document so the pages load faster -->
{js href="/static/layout/js/jquery-1.10.2.min.js" }
{js href="/static/layout/js/jquery-ui-1.9.2.custom.min.js" }
{js href="/static/layout/js/jquery-migrate-1.2.1.min.js" }
{js href="/static/layout/js/bootstrap.min.js" }
{js href="/static/layout/js/modernizr.min.js" }
{js href="/static/layout/js/jquery.nicescroll.js" }

<!--common scripts for all pages-->
{js href="/static/layout/js/scripts.js"}

{block name="myjs"}
<script type="text/javascript">
    // 默认收起
    $('.fa-chevron-down').trigger('click');
    // 友情链接
    $('.res:eq(0)').fadeIn(0);
    $('.leftarea').mouseover(function () {
        $('.res').fadeOut(0);
        $(this).next().fadeIn(0);
    });
</script>
{/block}
</body>
</html>
